body, input, html {
    font-size: 12px;
    color: #333;
    font-family: "Microsoft YaHei";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
* {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

ul, li, a, em, span, b, i {
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    display: inline-block;
}

.clearfix {
    *zoom: 1;
}

div {
    margin: 0;
    padding: 0;
}

.content {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

/*头部  开始*/
.header {
    width: 100%;
}

.head-top {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #ff8e04;
}

.head-wrap {
    width: 100%;
}

    .head-wrap > div {
        font-size: 12px;
        color: #fff;
    }

.head-top-left {
    width: 25%;
    float: left;
}

.head-top-right {
    width:75%;
    float: right;
}

.head-top-t-l {
    float: left;
}

    .head-top-t-l em {
        width: 16px;
        height: 14px;
        background: url("../images/mail.png") no-repeat center center;
        margin: 0 10px -2px 0;
    }

.head-top-l-l {
    float: right;
}

    .head-top-l-l > a {
        font-size: 12px;
        color: #fff;
    }

        .head-top-l-l > a.cart em {
            width: 17px;
            height: 16px;
            background: url("../images/cart.png") no-repeat center center;
            margin: 0 10px -2px 0;
        }

    .head-top-l-l > i {
        margin: 0 16px;
    }

    .head-top-l-l > a.register em {
        width: 12px;
        height: 14px;
        background: url("../images/men.png") no-repeat center center;
        margin: 0 10px -2px 0;
    }

.phone-header {
    display: none;
}
/*导航和logo*/
.head-cont {
    width: 100%;
}

.nav-wrap {
    width: 100%;
    height: 106px;
    line-height: 106px;
    display: flex;
    justify-content: center;
}

    .nav-wrap li {
        padding: 0 25px;
    }

        .nav-wrap li a.logo {
            margin: 0 92px;
	    text-align: center;
        }

            .nav-wrap li a.logo img {
		width:65%;
                margin-top: 15px;
            }

        .nav-wrap li a {
            font-size: 16px;
            color: #4c4c4c;
        }

            .nav-wrap li a:hover {
                color: #00b650;
            }

.search-pr {
    position: relative;
}

.search-img {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer;
}

    .search-img img {
        width: 100%;
    }

.search-wrap {
    display: none;
    position: absolute;
    top: 73px;
    right: 0;
    width: 32%;
    height: 95px;
    z-index: 10;
}

.search-arr {
    float: right;
    width: 14px;
    height: 5px;
    margin-right: 8px;
    background: url("../images/search-arr.png") no-repeat center center;
}

.search-big {
    width: 100%;
    padding: 25px 0;
    margin-top: 5px;
    background: url("../images/search-back.png") repeat center center;
}

.search-cont {
    width: 90%;
    margin: 0 auto;
}

.search {
    float: left;
    width: 74%;
    height: 38px;
    border: 1px solid #9f9f9f;
    background: #fff;
}

    .search > a {
        float: left;
        width: 12%;
        height: 30px;
        background: url("../images/green-search.png") no-repeat center center;
        margin: 5px 0 0 5px;
    }

    .search > input {
        float: right;
        width: 84%;
        height: 38px;
        border: none;
        outline: none;
    }

.btn {
    float: right;
    width: 23%;
    height: 40px;
    line-height: 40px;
    background: #92be4d;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
}

/*头部  结束*/


/*底部  开始*/
.footer {
    width: 100%;
    padding: 60px 0 84px;
    background: url("../images/footer-back.jpg") no-repeat center center;
    background-size: cover;
}

.footer-ul {
    width: 100%;
}

    .footer-ul li {
        float: left;
        width: 33%;
    }

        .footer-ul li h6 {
            width: 40%;
            float: left;
            text-align: right;
            font-size: 14px;
            color: #fff;
        }

        .footer-ul li .foot-nav {
            float: right;
            width: 50%;
            text-align: left;
        }

            .footer-ul li .foot-nav a {
                width: 100%;
                line-height: 30px;
                font-size: 14px;
                color: #fff;
                opacity: .6;
                text-align: left;
            }

.foot {
    width: 100%;
    height: 6px;
}

    .foot .left-img {
        width: 44%;
        height: 1px;
        float: left;
        margin-top: 10px;
        background: url("../images/foot-big.png") repeat-x center center;
    }

.foot-img {
    float: left;
    width: 12%;
}

    .foot-img a {
        width: 21px;
        height: 21px;
        margin: 0 20px;
    }

.f {
    background: url("../images/f.png") no-repeat center center;
}

.yanzi {
    background: url("../images/yanzi.png") no-repeat center center;
}

.f-3 {
    background: url("../images/f-3.png") no-repeat center center;
}

.foot .right-img {
    width: 44%;
    height: 1px;
    float: right;
    margin-top: 10px;
    background: url("../images/foot-big.png") repeat-x center center;
}

/*底部  结束*/


/*会员中心--头部开始*/
.vip-nav-big {
    width: 100%;
    height: 100px;
    background: #fff;
}

.vip-logo {
    float: left;
    width: 16%;
    padding: 20px 0;
}

    .vip-logo img {
        width: 100%;
    }

.vip-nav {
    float: right;
    width: 80%;
}

    .vip-nav ul {
        width: 100%;
        text-align: right;
    }

        .vip-nav ul li {
            padding: 0 2%;
        }

            .vip-nav ul li a {
                line-height: 100px;
                font-size: 18px;
                color: #333;
                text-align: right;
            }

                .vip-nav ul li a:hover {
                    text-decoration: underline;
                }
/*会员中心--头部结束*/


.jiathis_button_fb .jtico {
    background: none!important;
}

.jiathis_button_googleplus .jtico {
    background: none!important;
}

.jiathis_button_twitter .jtico {
    background: none!important;
}

.jiathis_button_pinterest .jtico {
    background: none!important;
}

.jiathis_button_linkedin .jtico {
    background: none!important;
}


.bd-wrap {
    width: 100%;
    height: 218px;
    background: linear-gradient(#fff,#f3f3f3);
}

.bd-img {
    margin: 0 auto;
}

    .bd-img img {
        width: 100%;
    }

.bd-cont {
    width: 100%;
    padding-bottom: 10px;
}

.bd-cont-top {
    padding: 24px 20px 0 30px;
    width: 100%;
    box-sizing: border-box;
}

    .bd-cont-top > span {
        float: left;
        font-size: 18px;
        color: #54a952;
        padding: 14px 0 20px;
    }

    .bd-cont-top > em {
        float: right;
        width: 14px;
        height: 12px;
        padding: 16px 0 20px;
        background: url("../images/yellow-heart.png") no-repeat center center;
    }

.bd-cont-down {
    padding: 0 20px 0 30px;
}

    .bd-cont-down > a {
        color: #fef503;
    }

    .bd-cont-down > span {
        float: right;
        width: 120px;
        height: 50px;
        line-height: 50px;
        background: #44a33e;
        font-size: 30px;
        color: #fef503;
        font-weight: 600;
        text-align: center;
        border-radius: 10px;
    }

.picScroll-left .bd ul li:hover .bd-wrap {
    background: #e5e5e5;
}

.picScroll-left .bd ul li:hover .bd-cont {
    background: #44a33e;
}

.picScroll-left .bd ul li:hover .bd-cont-top > span {
    color: #fff;
}

.picScroll-left .bd ul li:hover .bd-cont-top > em {
    background: url("../images/white-heart.png") no-repeat center center;
}



.pro-icon-1 {
    margin-left: 30px;
    background: url("../images/pro-icon-1.png") no-repeat center center;
}

.pro-icon-3 {
    background: url("../images/pro-icon-3.png") no-repeat center center;
}

.pro-icon-5 {
    margin-right: 0;
    background: url("../images/pro-icon-5.png") no-repeat center center;
}
.jiathis_style {
cursor:pointer;
}
.asijdu span{
overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
width:100%;
}